<!DOCTYPE html>
<html lang="en">

  <head>

    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link href="../css/bootstrap.min.css" rel="stylesheet">
    <link rel="stylesheet" href="../css/style.css">
    <link rel="stylesheet" href="../css/font-awesome.min.css" />
    <link rel="stylesheet" href="../css/responsive.css">
    <link rel="stylesheet" href="../css/login.css">
	  <script src="../js/vue.js"></script>
	  <script src="../js/vue-resource.js"></script>

	  <title>注册</title>
  </head>

  <body><div id="app">

    <!--页眉开始-->
	  <header class="buddy-header">
		  <div class="top-bar">
			  <div class="container">
				  <div class="row">
					  <div class="col-md-6 col-sm-6 col-xs-12">
						  <ul class="n-menu">
							  <li>
								  <a href="#"><i class="fa fa-usd"></i>货币</a>
							  </li>
							  <li>
								  <a href="#" title=""><img src="../img/China-Flag.png" alt=""/>中文</a>
							  </li>
						  </ul>
					  </div>
					  <div class="col-md-6 col-sm-6 col-xs-12 text-center">
						  <ul class="tp-right n-menu" v-show="!loginStatus">
							  <li class="first">
								  <a href="/login"><i class="fa fa-sign-in"></i>登录</a>
							  </li>
							  <li>|</li>
							  <li>
								  <a href="/register"><i class="fa fa-sign-in"></i>注册</a>
							  </li>
						  </ul>
						  <ul class="tp-right n-menu" v-show="loginStatus">
							  <li class="first">
								  <a href="javascript:void(0)"><i class="fa fa-user"></i>{{userName}}</a>
							  </li>
							  <li>|</li>
							  <li class="first" v-show="roleStatus">
								  <a href="/userProject"><i class="fa fa-user"></i>我的项目</a>
							  </li>
							  <li class="first" v-show="!roleStatus">
								  <a href="/myProject"><i class="fa fa-user"></i>我的项目</a>
							  </li>
							  <li v-show="roleStatus">|</li>
							  <li class="first" v-show="roleStatus">
								  <a href="/myTeam"><i class="fa fa-user"></i>我的团队</a>
							  </li>
							  <li>|</li>
							  <li>
								  <a href="/login"><i class="fa fa-sign-in"></i>注销</a>
							  </li>
						  </ul>
					  </div>
				  </div>
			  </div>
		  </div>

		  <div class="logo-menu-sec">
			  <div class="container">
				  <div class="row">
					  <div class="logo-sec">
						  <div class="col-md-3 col-lg-3 col-sm-4 col-xs-12">
							  <div class="logo">
								  <a href="index.html" title=""><img src="../img/logo.png" alt=""/></a>
							  </div>
						  </div>
						  <div class="col-md-6 col-lg-5 col-sm-4 hidden-xs">
							  <ul class="quick-prom">
								  <li><i class="fa fa-phone"></i> <span>咨询方式 : 17826807543</span></li>
								  <li class="hidden-sm"><i class="fa fa-envelope-o"></i><span><a
										  href="#">mail@example.com</a></span></li>
							  </ul>
						  </div>
						  <div class="col-md-3 col-lg-4 col-sm-4 col-xs-12">
							  <div class="product-filter-form">
								  <form>
									  <input type="text" id="search" placeholder="人才搜索" v-model="search"/>
									  <a type="button" :href="serachRes"><i class="fa fa-search"></i></a>
								  </form>
							  </div>
						  </div>
					  </div>
				  </div>
			  </div>
		  </div>

		  <div class="main-menu-area">
			  <div class="container">
				  <div class="row">
					  <div class="col-md-10 col-sm-9 col-xs-12">
						  <nav class="main-menu">
							  <ul>
								  <li class="active">
									  <a href="/"> <i class="fa fa-home"></i>主页</a>
								  </li>
								  <li>
									  <a href="/serachRes/null">寻找人才</a>

								  </li>
								  <li>
									  <a href="/projectList">根据类型找项目</a>
								  </li>
								  <li>
									  <a href="javascript:;">关于我们</a>
								  </li>
								  <li>
									  <a href="../shoplist.html">热门商店</a>
								  </li>
								  <li>
									  <a href="/connect">联系我们</a>
								  </li>
								  <li>
									  <a href="javascript:;">博客日志</a>
								  </li>
								  <li class="mega-parent">
									  <a href="https://www.zbj.com/?pmcode=116578316&utm_source=bdpz&utm_medium=SEM">相关网站</a>

								  </li>
							  </ul>

						  </nav>

						  <div class="mobile-menu-area">
							  <nav id="mobile-menu">
								  <ul>
									  <li>
										  <a href="index.html">主页</a>
									  </li>
									  <li>
										  <a href="../shoplist.html">热卖商品</a>
										  <ul>
											  <li>
												  <a href="../shoplist.html">衬衫</a>
											  </li>
											  <li>
												  <a href="../shoplist.html">裤</a>
											  </li>
											  <li>
												  <a href="../shoplist.html">西装外套</a>
											  </li>
											  <li>
												  <a href="../shoplist.html">鞋</a>
											  </li>
										  </ul>
									  </li>
									  <li>
										  <a href="../shoplist.html">购物街</a>
										  <ul>
											  <li class="#">
												  <a href="../shoplist.html">牛仔裤</a>
											  </li>
											  <li class="#">
												  <a href="../shoplist.html">衬衣</a>
											  </li>
											  <li class="#">
												  <a href="../shoplist.html">裤子</a>
											  </li>
											  <li class="#">
												  <a href="../shoplist.html">配饰</a>
											  </li>
										  </ul>
									  </li>
									  <li>
										  <a href="javascript:;">关于我们</a>
									  </li>
									  <li>
										  <a href="../shoplist.html">热门商店</a>
									  </li>
									  <li>
										  <a href="/connect">联系我们</a>
									  </li>
									  <li>
										  <a href="../shoplist.html">产品详情</a>
									  </li>
									  <li>
										  <a href="javascript:;">博客日志</a>
									  </li>
									  <li>
										  <a href="https://www.zbj.com/?pmcode=116578316&utm_source=bdpz&utm_medium=SEM">相关网站</a>
										  <ul>
											  <li class="#">
												  <a href="javascript:;">关于我们</a>
											  </li>
										  </ul>
									  </li>
								  </ul>
							  </nav>
						  </div>

					  </div>

					  <div class="col-md-2 col-sm-3 hidden-xs">
						  <div class="cart-wishlist">
							  <ul>
								  <li>
									  <a href="javascript:;">
										  <div class="wishlist">
											  <div class="wish-list-inner">
												  <i class="fa fa-heart"></i>
											  </div>
										  </div>
									  </a>
								  </li>

							  </ul>
						  </div>
					  </div>
				  </div>
			  </div>
		  </div>
	  </header>
		<!--页眉结束-->

    <!-- 注册框开始 -->
    <section>
      <div class="breadcumb-area">
        <div class="container">
          <div class="bread-main">
            <h1>注册</h1>
            <ol>
              <li class="bread-home"><a href="index.html"><span class="glyphicon glyphicon-home"></span> 首页</a></li>
              <li class="bread-login">注册</li>
            </ol>
          </div>
        </div>
      </div>

      <div class="account-area">
        <div class="container">
          <div class="row">
            <div class="col-xs-12 col-sm-8 col-md-6 col-md-offset-3 col-sm-offset-2">
				<div>
					<el-card class="box-card">
						<h3 style="border-bottom:1px solid #ccc;padding-bottom: 6px;margin-bottom: 20px;padding-left: 2px;">注册</h3>
					<el-form ref="user" :model="user" label-width="80px" v-show="this.switchStatus">
					<el-form-item label="类型">
						<el-select v-model="type" placeholder="请选择活动区域" @change="switchType()">
							<el-option label="学生" value="1"></el-option>
							<el-option label="商户/教师" value="2"></el-option>
						</el-select>
					</el-form-item>
						<el-form-item label="用户名">
							<el-input type="text" v-model="user.name"></el-input>
						</el-form-item>
						<el-form-item label="密码">
							<el-input type="text" v-model="user.password"></el-input>
						</el-form-item>
						<el-form-item label="确认密码">
							<el-input type="text" v-model="user.comfirmPassword"></el-input>
						</el-form-item>
						</el-form-item>
						<el-form-item label="手机号">
							<el-input type="text" v-model="user.phone"></el-input>
						</el-form-item>
						</el-form-item>
						<el-form-item label="qq号">
							<el-input type="text" v-model="user.qq"></el-input>
						</el-form-item>
						</el-form-item>
						<el-form-item label="微信号">
							<el-input type="text" v-model="user.wechat"></el-input>
						</el-form-item>
						<el-form-item>
						<el-button type="primary" @click="onSubmit">立即创建</el-button>
						<el-button>取消</el-button>
						</el-form-item></el-form>
					<el-form ref="merchant" :model="merchant" label-width="80px" v-show="!this.switchStatus">
						<el-form-item label="类型">
							<el-select v-model="type" placeholder="请选择活动区域" @change="switchType()">
								<el-option label="学生" value="1"></el-option>
								<el-option label="商户/教师" value="2"></el-option>
							</el-select>
						</el-form-item>
						<el-form-item label="用户名">
							<el-input type="text" v-model="merchant.name"></el-input>
						</el-form-item>
						<el-form-item label="密码">
							<el-input type="text" v-model="merchant.name"></el-input>
						</el-form-item>
						<el-form-item label="确认密码">
							<el-input type="text" v-model="merchant.name"></el-input>
						</el-form-item>
						</el-form-item>
						<el-form-item label="地址">
							<el-input type="text" v-model="merchant.address"></el-input>
						</el-form-item>
						</el-form-item>
						<el-form-item label="介绍">
							<el-input type="text" v-model="merchant.introduce"></el-input>
						</el-form-item>
						</el-form-item>
						<el-form-item label="手机">
							<el-input type="text" v-model="merchant.phone"></el-input>
						</el-form-item>
						<el-form-item label="qq">
							<el-input type="text" v-model="merchant.qq"></el-input>
						</el-form-item>
						<el-form-item label="微信号">
							<el-input type="text" v-model="merchant.wechat"></el-input>
						</el-form-item>
						<el-form-item>
							<el-button type="primary" @click="onSubmit">立即创建</el-button>
							<el-button>取消</el-button>
						</el-form-item>
					</el-form></el-card>
              		<!--<form action="#" v-show="this.switchStatus">-->
				<!--<div class="text-reg">-->
					<!--<h3>注册</h3>-->
					<!--<div class="form-group">-->
						<!--<label>类型：</label>-->
					<!--<el-select v-model="type" placeholder="请选择活动区域" @change="switchType()">-->
						<!--<el-option label="学生" value="1"></el-option>-->
						<!--<el-option label="商户/教师" value="2"></el-option>-->
					<!--</el-select></div>-->
					<!--<div class="form-group">-->
						<!--<label>账户名</label>-->
						<!--<span class="tip un-tip"></span>-->
						<!--<input type="text" class="form-control untxt" placeholder="请输入账户名" value="" name="un">-->
					<!--</div>-->
					<!--<div class="form-group">-->
						<!--<label>密码</label>-->
						<!--<span class="tip upw_tip"></span>-->
						<!--<input type="password" class="form-control pwtxt" placeholder="请输入密码" value="" name="password">-->
					<!--</div>-->

					<!--<div class="form-group">-->
						<!--<label>确认密码</label>-->
						<!--<span class="tip rupw_tip"></span>-->
						<!--<input type="password" class="form-control rpwtxt" placeholder="请再次输入密码" value="" name="password">-->
					<!--</div>-->

					<!--<div class="form-group">-->
						<!--<label>手机号</label>-->
						<!--<span class="tip rupw_tip"></span>-->
						<!--<input type="text" class="form-control untxt" placeholder="请输入手机号" value="" name="un">-->
					<!--</div>-->
					<!--<div class="form-group">-->
						<!--<label>qq</label>-->
						<!--<span class="tip rupw_tip"></span>-->
						<!--<input type="text" class="form-control untxt" placeholder="请输入qq" value="" name="un">-->
					<!--</div>-->
					<!--<div class="form-group">-->
						<!--<label>微信</label>-->
						<!--<span class="tip rupw_tip"></span>-->
						<!--<input type="text" class="form-control untxt" placeholder="请输入微信号" value="" name="un">-->
					<!--</div>-->
				<!--</div>-->

				<!--<div class="btn-reg">-->

					<!--<div class="btn-group" role="group">-->
						<!--<button type="button" class="btn btn-default btn-submit">注册</button>-->
					<!--</div>-->
					<!--<span class="tip submit-tip wrong"></span>-->
					<!--<div class="anchor">-->
						<!--<span class="hidden-xs inquiry">已注册？</span>-->
						<!--<a href="login.html" class="forgotten">去登录</a>-->
					<!--</div>-->

				<!--</div>-->

			  <!--</form>-->
					<!--<form action="#" v-show="!this.switchStatus">-->
						<!--<div class="text-reg">-->
							<!--<h3>注册</h3>-->
							<!--<div class="form-group">-->
								<!--<label>类型：</label>-->
								<!--<el-select v-model="type" placeholder="请选择活动区域" @change="switchType()">-->
									<!--<el-option label="学生" value="1"></el-option>-->
									<!--<el-option label="商户/教师" value="2"></el-option>-->
								<!--</el-select></div>-->
							<!--<div class="form-group">-->
								<!--<label>账户名</label>-->
								<!--<span class="tip un-tip"></span>-->
								<!--<input type="text" class="form-control untxt" placeholder="请输入账户名" value="" name="un">-->
							<!--</div>-->
							<!--<div class="form-group">-->
								<!--<label>密码</label>-->
								<!--<span class="tip upw_tip"></span>-->
								<!--<input type="password" class="form-control pwtxt" placeholder="请输入密码" value="" name="password">-->
							<!--</div>-->
							<!--<div class="form-group">-->
								<!--<label>密码</label>-->
								<!--<span class="tip upw_tip"></span>-->
								<!--<input type="password" class="form-control pwtxt" placeholder="请输入密码" value="" name="password">-->
							<!--</div>-->
							<!--<div class="form-group">-->
								<!--<label>确认密码</label>-->
								<!--<span class="tip rupw_tip"></span>-->
								<!--<input type="password" class="form-control rpwtxt" placeholder="请再次输入密码" value="" name="password">-->
							<!--</div>-->
						<!--</div>-->

						<!--<div class="btn-reg">-->

							<!--<div class="btn-group" role="group">-->
								<!--<button type="button" class="btn btn-default btn-submit">注册</button>-->
							<!--</div>-->
							<!--<span class="tip submit-tip wrong"></span>-->
							<!--<div class="anchor">-->
								<!--<span class="hidden-xs inquiry">已注册？</span>-->
								<!--<a href="login.html" class="forgotten">去登录</a>-->
							<!--</div>-->

						<!--</div>-->

					<!--</form>-->
				</div>
            </div>

          </div>
        </div>
      </div>
    </section>
    <!-- 登录框结束 -->


    <!--页脚开始-->
    <div class="section-info pt55 pb55">
      <div class="parallax-bg">

        <div class="section-content">
          <div class="container">
            <div class="row">

              <div class="col-md-4 col-sm-6 col-xs-12">
                <a class="info-block" href="#"><i class="fa fa-truck"></i>
                    <h3>免费送货</h3>
                    <p>免运费全国各地</p>
                  </a>
              </div>
              <div class="col-md-4 col-sm-6 col-xs-12">
                <a class="info-block" href="#"><i class="fa fa-headphones"></i>
                    <h3>支持定制</h3>
                    <p>全天候24小时支持</p>
                  </a>
              </div>
              <div class="col-md-4 col-sm-6 col-xs-12">
                <a class="info-block" href="#"><i class="fa fa-diamond"></i>
                    <h3>高品质</h3>
                    <p>拥有最好的品质和品牌</p>
                  </a>
              </div>
            </div>
          </div>
        </div>

      </div>
    </div>

    <div class="our_clients_area pt55 pb55">
      <div class="container">
        <div class="row">
          <div class="col-md-12 col-sm-12">
            <div class="section-title text-center pb30">
              <h1>品牌与客户</h1>
              <span></span>
            </div>
            <div class="client-active">
              <div class="client-name">
                <img src="../img/client/01.png" alt="">
              </div>
              <div class="client-name">
                <img src="../img/client/02.png" alt="">
              </div>
              <div class="client-name">
                <img src="../img/client/03.png" alt="">
              </div>
              <div class="client-name">
                <img src="../img/client/04.png" alt="">
              </div>
              <div class="client-name">
                <img src="../img/client/05.png" alt="">
              </div>
              <div class="client-name">
                <img src="../img/client/06.png" alt="">
              </div>
              <div class="client-name">
                <img src="../img/client/04.png" alt="">
              </div>
              <div class="client-name">
                <img src="../img/client/03.png" alt="">
              </div>
              <div class="client-name">
                <img src="../img/client/02.png" alt="">
              </div>
              <div class="client-name">
                <img src="../img/client/01.png" alt="">
              </div>
              <div class="client-name">
                <img src="../img/client/05.png" alt="">
              </div>
              <div class="client-name">
                <img src="../img/client/06.png" alt="">
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>

	<footer>
		<div class="footer-widgets-area pt55">
			<section class="block">
				<div class="container">
					<div class="row">
						<div class="col-md-12">
							<div class="content-box no-margin go-simple">
								<div class="row">
									<div class="col-md-3 col-sm-4 col-xs-12">
										<div class="widget about-widget">
											<div class="logo">
												<a href="index.html"><img alt="" src="../img/logo2.png"></a>
											</div>
											<p>威客校园是一个为了让学生之间建立交往、互利互助的威客平台，以个人自身智慧、知识、能力、经验来实现个人价值； </p>
											<ul>
												<li>
													<i class="fa fa-map-marker"></i> Zhejiang University of Science and
													Technology
												</li>
												<li>
													<i class="fa fa-phone"></i> 17826807543
												</li>
											</ul>
										</div>
									</div>
									<div class="col-md-3 col-sm-4 col-xs-12">
										<div class="widget how-to-buy">
											<h3 class="heading2">客户服务</h3>
											<ul>
												<li>
													<a href="#" title="">联系我们</a>
												</li>
												<li>
													<a href="#" title="">网站地图</a>
												</li>
												<li>
													<a href="#" title="">条款与条件</a>
												</li>
												<li>
													<a href="#" title="">礼品</a>
												</li>
											</ul>
										</div>

									</div>
									<div class="col-md-3 hidden-sm col-xs-12">
										<div class="widget customer-services">
											<h3 class="heading2">信息</h3>
											<ul>
												<li>
													<a href="#" title="">我们的博客</a>
												</li>
												<li>
													<a href="#" title="">关于我们</a>
												</li>
												<li>
													<a href="#" title="">安全交易</a>
												</li>
												<li>
													<a href="#" title="">隐私政策</a>
												</li>
											</ul>
										</div>

									</div>
									<div class="col-md-3 col-sm-4 col-xs-12">
										<div class="widget news-letter">
											<h3 class="heading2">最新消息推送</h3>
											<p>平台最新优惠信息推送</p>
											<form>
												<input type="text" placeholder="请输入你的邮箱"/>
												<button type="submit"><i class="fa fa-search"></i></button>
											</form>
											<ul class="social-buttons">
												<li>
													<a class="fbook" href="#" title=""><i
															class="fa fa-facebook"></i></a>
												</li>
												<li>
													<a class="frss" href="#" title=""><i class="fa fa-rss"></i></a>
												</li>
												<li>
													<a class="tublr" href="#" title=""><i
															class="fa fa-linkedin"></i></a>
												</li>
												<li>
													<a class="gplus" href="#" title=""><i class="fa fa-google-plus"></i></a>
												</li>
												<li>
													<a class="twitt" href="#" title=""><i class="fa fa-twitter"></i></a>
												</li>
											</ul>
										</div>

									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</section>
		</div>

		<div class="bottom-line">
			<div class="container">
				<div class="row">
					<div class="col-md-6 col-sm-6 col-xs-12">
						<ul class="payment-support">
							<li><img src="../img/icon/pay1.png" alt=""/></li>
							<li><img src="../img/icon/pay2.png" alt=""/></li>
							<li><img src="../img/icon/pay3.png" alt=""/></li>
							<li><img src="../img/icon/pay4.png" alt=""/></li>
							<li><img src="../img/icon/pay5.png" alt=""/></li>
							<li><img src="../img/icon/pay6.png" alt=""/></li>
						</ul>
					</div>
					<div class="col-md-6 col-sm-6 col-xs-12">
						<span>本网站所有解释权 © 2016 -<a href="#">PromotShop.</a> 版权所有 </span>
					</div>
				</div>
			</div>
		</div>
	</footer>


    <script src="../js/jquery-1.12.3.min.js"></script>
    <script src="../js/bootstrap.min.js"></script>
    <script src="../js/owl.carousel.min.js"></script>
    <script src="../js/meanmenu.js"></script>
    <script src="../js/jquery-ui.min.js"></script>
    <script src="../js/jquery.mousewheel.min.js" type="text/javascript" charset="utf-8"></script>
    <script src="../js/wow.min.js"></script>
    <script src="../js/plugins.js"></script>
    <script src="../js/main.js"></script>
    <script src="../js/sousuo.js"></script>
    <script src="../js/register.js"></script>
	<link rel="stylesheet" href="../css/element.css">
	<script src="../js/element.js"></script>
  <script type="text/javascript">
      new Vue({
          el: '#app',
		  created(){
              this.userInit();
		  },
          data() {
              return {
                  activeName: 'second',
				  switchStatus:true,
				  type:'1',
                  merchant: {
                  },
				  user:{
				  },
                  rules: {
                      name: [
                          { required: true, message: '请输入活动名称', trigger: 'blur' },
                      ],
                      nature: [
                          { required: true, message: '请输入活动名称', trigger: 'blur' },
                      ],
                      type: [
                          { required: true, message: '请输入活动名称', trigger: 'change' },
                      ],
                      content: [
                          { required: true, message: '请输入活动名称', trigger: 'blur' },
                      ]
                  },
                  value6:'',
                  fileList: [],
				  userName:'',
                  roleStatus: true,
              };
          },
          methods: {
              userInit() {
                  let userName = sessionStorage.getItem("userName");
                  let role = sessionStorage.getItem("role");
                  console.log("==="+role+userName);
                  this.userName = userName;
                  if (role==="2"){
                      this.roleStatus=false;
                  }
                  this.loginStatus = true;
              },
              onSubmit(form) {
                  this.$refs[form].validate((valid) => {
                      if (valid) {
                          this.form.startTimeGet=this.value6[0].toString();
                          this.form.endTimeGet=this.value6[1].toString();
                          console.log("===="+this.form.startTimeGet+this.form.endTimeGet);
                          this.$http.post('/project/create',{},{params:this.form}).then(function (res) {
                              this.message = res.body.name;
                              console.log("aaaaaaa" + this.message);
                          });
                      } else {
                          console.log('error submit!!');
                          return false;
                      }
                  });
              },
			  switchType(){
                  this.switchStatus = this.type === '1';
              }
          },

      })
  </script>
  </div></body>

</html>
